草庐IT

css - 使 div 可滚动

全部标签

javascript - 从 Javascript 中的 Div 中删除类

这个问题在这里已经有了答案:Howtoremovetheclassinjavascript?(3个答案)关闭9年前。我有一个div部分MyTextGameLBTopCategories在div中用作href的每个页面上,我试图做的是从li项目中删除类属性,将其作为事件项目并将其分配给我单击的项目。我已经尝试过removeClassremoveAttribute等,但似乎没有任何效果。我想使用纯Javascript而不是jQuery例如我在游戏页面上的JS代码从MyText页面中删除事件类并将其添加到游戏页面的li元素中。

javascript - 如何检查一个div是否具有jquery中多个类中的一个类

我有一个动态div,它可以生成1000多个不同的类...它是一个wordpress主题。现在我想检查一个div是否有52个类之一。.bg1、.bg2、.bg3等等......我知道你可以使用hasClass();但是我如何检查每一个然后获取值。例如,这里是div的原样请记住我真的不知道jquery:D我想它会是这样的,但逻辑上这对我来说没有意义:(vardivclass=$("#wordpresspost").hasClass('bg1,bg2,bg3,bg4,bg5,bg6');if(divclass==true){vardivsclass=$(this);}我需要知道这个类,因为我

javascript - Node .js。为什么页面无法加载 css 和 javascript 文件?

我已经创建了一个node.js服务器。当我使用端口3000进入本地主机时,它只显示文本而没有css或javascript。我尝试了几种对其他人有效的解决方案。但它们对我不起作用。NodeJSkeepgettingFailedtoloadresourceerrormessagestaticfileswithexpress.jsCannotgetCSSfile我的文件顺序是这样的server.jsindex.htmlpubliccssstyle.css这是服务器的代码varexpress=require('express');varapp=express();app.get('/',fun

javascript - CSS 变量和 Angular 5

我正在尝试在我的Angular应用程序中使用css变量,在子组件中,它只是不工作。在浏览器的Elements工具(我使用的是Chrome最新版本)中,var()不执行任何操作。例子:CSS文件::root{--width:43.75%;}#content{display:grid;grid-template-columns:repeat(2,var(--width));grid-auto-rows:90%;grid-gap:3px;align-content:center;justify-content:center;border:2pxsolidblack;width:400px;h

javascript - 如何获取包含JavaScript脚本 block 的div内容?

我有以下HTML...sometext......somejavascript...如何使用JavaScript获取#example的内容?$("#example").html(),$("#example").text(),$("#example").val()都不行。 最佳答案 html()方法应该适合您。您确定在DOM完成后运行代码吗?$(document).ready(function(){alert($("#example").html());}); 关于javascript-如

javascript - 如何通过 javascript 覆盖内联 css?

我们可以通过javascript覆盖内联css吗?与IE6兼容。我找到了这个纯css解决方案,但在IE中不起作用。http://nataliejost.com/override-inline-styles-from-the-stylesheet/http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/HelloWorld我们可以用这个解决方案覆盖这个内联样式.blockspan[style]{font-weight:normal!important;color:#000!important;}此解决方案适用于除IE6之

javascript - 向下滚动时自动加载内容

我正在django/webfaction上创建一个博客。我的主页目前默认显示4个帖子(urls.py中的queryset上的帖子限制为4个)。现在我想在用户到达页面底部后再加载四个帖子,并继续加载直到到达最后一个帖子。如何做到这一点? 最佳答案 如果您想在到达文档的最底部时加载您的内容,请使用以下代码:$(window).scroll(function(){if($(window).scrollTop()==$(document).height()-$(window).height()){//loadyourcontent}});如

javascript - 如何找到我的文档/窗口对象上的所有滚动监听器?

我已经通过性能分析工具测试了我的网站,它返回说文档/窗口对象上的滚动监听器太多。有没有办法找到我的文档/窗口对象的所有滚动监听器?可能类似于:window.scroll.listeners 最佳答案 如果你只是想找到它们,你可以使用chrome开发工具。从下面的答案复制:Youcanrightclickonthetargetelement->select"inspectelement"Scrolldownontherightsideofthedevframe,atthebottomis'eventlisteners'.Expandt

javascript - 改变除一个 Div 之外的所有元素的不透明度

我正在尝试淡化网页上除一个div之外的所有元素。我已经能够使用以下jQuery淡出所有元素:$('*').css('opacity',.3);但是,不透明度似乎是从父元素继承的属性,即使我明确地将div的不透明度设置为1。我现在对任何解决方案一无所知,所以我可以在这里得到一些帮助吗? 最佳答案 如果您想要使这个特定的div在视觉上脱颖而出,您可以考虑一种类似于用于模态窗口/灯箱的方法。使用高z-index绝对定位div,然后在突出显示的div和其余内容之间堆叠另一个div,具有深色背景颜色和中等不透明度。这实际上会使页面的其余部分“

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使